{% extends 'base.html' %}

{% block headLinks %}
		<link rel="stylesheet" href="/media/inici.css" />
        <link rel="stylesheet" href="/media/button.css" />
{% endblock %}

{% block content_base %}

<div id="ContactModal" class="reveal-modal">
	{% include "contact/contact_form.html"%}
	<a class="close-reveal-modal">&#215;</a>
</div>

<div id="revealContact"> <span>Feedback</span> </div>

	<div class="content_frontPage">
        <div class="container_24" id="hd">
            <img class="grid_8" id="logoImg" alt="logo" src="/media/pics/logo500x300.png"/>
				<span class="tagline">Grup de recerca pertanyent a la URV</span>
            	<span class="tagline2">Recerca i tractament en dolor</span>
            <div class="clear"></div>
        </div> <!-- hd -->
        <div id="main_content" class="container_24">
            <div class="grid_8 leftside">
                <h2>Què fem?</h2>
                <p>
					Som un grup de professionals vinculats, majoritàriament, a la Universitat 
                    Rovira i Virgili interessats per l'<i>estudi i el tractament del dolor</i>. 
                    El nostre objectiu és desenvolupar i contrastar procediments terapàutics eficaços  
                    per tal d'ajudar a les persones que en pateixen. 
				</p>
                <p>
                	És amb aquestes persones i els seus familiars, també els seus amics i companys, 
                    amb qui tenim el nostre compromís: <i><b>d'ajuda'ls a millorar la seva qualitat de vida</b></i>. 
				</p>
            </div> <!-- leftside -->
            <div class="rightside">
                <ul class="buttons">
                    <li>
                        <a class="awesome" href="/algos/" target="_top">
                            <div class="button">
                                <img height="128" width="128" src="/media/pics/users128.png">
                                <div class="text">sobre el grup</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="awesome" href="/linies/" target="_top">
                            <div class="button">
                                <img height="128" width="128" src="/media/pics/search128.png">
                                <div class="text">la recerca</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="awesome" href="/projects/" target="_top">
                            <div class="button">
                                <img height="128" width="128" src="/media/pics/file128.png">
                                <div class="text">els projectes</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="awesome" href="/articles/" target="_top">
                            <div class="button">
                                <img height="128" width="128" src="/media/pics/notepad128.png"/>
                                <div class="text">les publicacions</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="awesome" href="/massmedia/" target="_top">
                            <div class="button">
                                <img height="128" width="128" src="/media/pics/comment128.png">
                                <div class="text">notícies premsa</div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a class="awesome" href="/tractament/" target="_top">
                            <div class="button">
                                <img height="128" width="128" src="/media/pics/favourites128.png">
                                <div class="text">tractament</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div> <!-- rightside -->
            <div class="clear"></div>
        </div>
	</div> <!-- content_frontPage -->
{% endblock %}